﻿/*#region Common */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video { border: 0; margin: 0; padding: 0; font-size: 100%; }

html,
body { height: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }

b,
strong { font-weight: bold; }

img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

li { display: list-item; margin-left: 30px; }

table { border-collapse: collapse; border-spacing: 0; }

th,
td,
caption { font-weight: normal; vertical-align: top; text-align: left; }

q { quotes: none; }

    q:before,
    q:after { content: ''; content: none; }

sub,
sup,
small { font-size: 75%; }

sub,
sup { line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

svg { overflow: hidden; }

body { font: 13px/1.5 Consolas, '微软雅黑', Arial, 'Liberation Sans', FreeSans, sans-serif; background: url(../images/body-bg.png); color: #323232; }

pre,
code { font-family: Consolas, Monaco, Consolas, monospace; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

h1 { font-size: 25px; }

h2 { font-size: 23px; }

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }

ol { list-style: decimal; }

ul { list-style: disc; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure { margin-bottom: 20px; }


.inset { background-image: url(../images/inset.png); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5); }

div#header { background: url(../images/header-bg.png) repeat-x; height: 58px; border-bottom: 4px solid; z-index: 1; position: absolute; top: 0; left: 0; right: 0; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); -khtml-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); border-color: #c5d52b; }

div#logo-container { width: 180px; height: 58px; float: left; padding: 0 10px; }

    div#logo-container #logo-wrap { width: 180px; height: 58px; text-align: center; vertical-align: middle; display: table-cell; }

        div#logo-container #logo-wrap img { max-width: 100%; max-height: 100%; }

div#wrapper { height: auto; min-height: 100%; position: relative; z-index: 0; }

div#sidebar { width: 200px; padding-right: 6px; padding-top: 72px; float: left; z-index: 1; position: relative; }

div#sidebar-stitch,
div#sidebar-bg { position: absolute; top: 0; bottom: 0; }

div#sidebar-stitch { left: 189px; width: 17px; z-index: 2; background: url(../images/sidebar-stitch.png) repeat-y; }

div#sidebar-bg { left: 0; z-index: 0; width: 200px; background: url(../images/sidebar-bg.png); }

div#searchbox { margin: 0 16px 10px 10px; padding: 3px; }

    div#searchbox .search-input { background: none; padding: 3px; width: 135px; float: left; border: none; -moz-outline: none; outline: none; color: #ffffff; }

    div#searchbox .search-submit { text-indent: -9999px; text-transform: capitalize; width: 24px; height: 24px; display: block; margin-left: 144px; border: none; cursor: pointer; background: url(../images/search-icon.png) no-repeat center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

div#user-tools { float: right; padding: 9px 0; margin-right: 10px; }

    div#user-tools .dropdown-menu,
    div#user-tools #user-info { float: left; position: relative; margin: 0 6px; }

    div#user-tools .dropdown-menu { margin-top: 4px; }

    div#user-tools #user-info { display: block; height: 32px; padding: 4px; }

        div#user-tools #user-info #user-photo { width: 28px; height: 28px; padding: 2px; float: left; background: url(../images/user-pic-bg.png) repeat-x; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }

            div#user-tools #user-info #user-photo img { max-width: 100%; max-height: 100%; }

        div#user-tools #user-info #user-functions { margin: 0 4px 0 40px; font-size: 11px; }

            div#user-tools #user-info #user-functions ul,
            div#user-tools #user-info #user-functions ul li { margin: 0; list-style: none; }

                div#user-tools #user-info #user-functions ul li { display: inline; margin-right: 4px; }

                    div#user-tools #user-info #user-functions ul li a { text-decoration: none; color: #ffffff; }

                        div#user-tools #user-info #user-functions ul li a:hover { text-decoration: underline; }

    div#user-tools .dropdown-menu span.dropdown-notif { position: absolute; display: block; width: 16px; height: 16px; font-size: 11px; text-align: center; color: #ffffff; background-color: #c00; top: -4px; right: -4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }

    div#user-tools .dropdown-menu a.i-24,
    div#user-tools .dropdown-menu a.ic { background-position: center center; }

    div#user-tools .dropdown-menu a.dropdown-trigger { text-indent: -9999px; display: block; padding: 0; -moz-outline: none; outline: none; overflow: hidden; width: 32px; height: 32px; border: 1px solid #565656; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

    div#user-tools .dropdown-menu .dropdown-box { display: none; position: absolute; right: 0; width: 200px; top: 100%; margin-top: -1px; z-index: -1; padding: 10px; background: #323232; border: 1px solid #565656; /* CSS 3 */ -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; -o-border-radius: 6px 0 6px 6px; -khtml-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content { background: #ffffff; }

        div#user-tools .dropdown-menu .dropdown-box ul,
        div#user-tools .dropdown-menu .dropdown-box ul li { margin: 0; list-style: none; font-size: 12px; }

        /* Dropdown Styles */

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li a { padding-left: 32px; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content .dropdown-viewall a,
        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul li a { padding: 4px 8px; text-decoration: none; color: #323232; display: block; border-bottom: 1px solid #d0d0d0; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content .dropdown-viewall a { border: 0; font-size: 11px; }

            div#user-tools .dropdown-menu .dropdown-box .dropdown-content .dropdown-viewall a:hover { background-color: #d5d5d5; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li:hover a,
        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.notifications li:hover a { background-color: #d5d5d5 !important; border-bottom-color: #bbbbbb; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li.read a { background: url(../icons/16/email_open.png) no-repeat 8px center; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li.unread a { background: url(../icons/16/email.png) no-repeat 8px center #f0f0f0; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.notifications li.unread a { background: #f0f0f0; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li .message,
        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.notifications li .message { overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li .sender { font-weight: bold; }

        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li .sender,
        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.messages li .time,
        div#user-tools .dropdown-menu .dropdown-box .dropdown-content ul.notifications li .time { font-size: 0.9em; display: block; }

    /* Toggled */

    div#user-tools .dropdown-menu.toggled { z-index: 2; }

        div#user-tools .dropdown-menu.toggled .dropdown-box { display: block; }

        div#user-tools .dropdown-menu.toggled a.dropdown-trigger { background-color: #323232; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

div#navigation ul,
div#navigation ul li { margin: 0; list-style: none; }

div#navigation ul { border-top: 1px solid #18191d; border-bottom: 1px solid #535755; }

    div#navigation ul li { position: relative; border-top: 1px solid #535755; border-bottom: 1px solid #18191d; }

        div#navigation ul li a,
        div#navigation ul li span { color: #ffffff; -moz-outline: none; outline: none; display: block; text-decoration: none; margin-left: 10px; margin-right: 16px; position: relative; padding: 11px 48px 11px 40px; line-height: 20px; }

            div#navigation ul li a.ic,
            div#navigation ul li span.ic { padding-left: 40px; background-position: 4px center; }

            div#navigation ul li a.i-24,
            div#navigation ul li span.i-24 { padding-left: 40px; background-position: 8px center; }

            div#navigation ul li span.nav-tooltip { position: absolute; line-height: 1; padding: 5px; right: -16px; top: 50%; margin-top: -12px; }

        div#navigation ul li ul { background: url(../images/inset.png); border: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); -khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); }

            div#navigation ul li ul.closed { display: none; }

            div#navigation ul li ul li { border: 0; padding-right: 20px; margin: 0; text-align: right; }

                div#navigation ul li ul li a,
                div#navigation ul li ul li span { display: block; font-size: 12px; padding: 4px 0 4px 40px; color: #ffffff !important; -webkit-text-shadow: none; text-shadow: none; }

                div#navigation ul li ul li:hover, div#navigation ul li ul .active { background: url(../images/sub-nav-bg.png); }

div#container { margin-left: 206px; padding-top: 80px; min-height: 100%; }

    div#container .container { float: left; margin: 0 1%; }

div#footer { width: 92%; margin: 0 4%; text-align: center; padding: 16px 0; border-top: 1px solid #dadada; float: left; }

.panel .panel-header span,
div#navigation ul li.active a,
div#navigation ul li.active span,
div#user-tools #username,
div#navigation ul li span.nav-tooltip,
div#user-tools #user-info #user-functions #username,
.ui-dialog .ui-dialog-title,
.ui-state-default,
.ui-state-active,
.ui-state-hover,
.ui-state-focus,
.ui-state-default a,
.ui-state-active a,
.ui-state-hover a,
.ui-state-focus a { color: #c5d52b; -webkit-text-shadow: 0 0 6px rgba(197, 213, 42, 0.5); text-shadow: 0 0 6px rgba(197, 213, 42, 0.5); }

div#searchbox input.search-submit,
.panel .panel-header .collapse-button span,
div.dataTables_wrapper .dataTables_paginate div,
div.dataTables_wrapper .dataTables_paginate .paginate_active,
.fc-state-highlight,
.ui-slider-horizontal .ui-slider-range,
.ui-slider-vertical .ui-slider-range,
.ui-progressbar .ui-progressbar-value,
.ui-datepicker td.ui-datepicker-current-day,
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-accordion-header .ui-icon,
.ui-dialog-titlebar-close .ui-icon { background-color: #c5d52b; }
/*#endregion */

/*#region Button */
.btn,
.ui-button { border: 0; -moz-outline: none; outline: none; padding: 6px 9px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15); }

    .btn:active,
    .ui-button.ui-state-active { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important; -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important; -khtml-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important; }

    .btn.small { padding: 3px 6px; }

    .btn.large { padding: 10px 21px; }

    .btn.left { float: left; }

    .btn.large.i-24 { padding-left: 40px; background-position: 8px center; }

    .btn.i-16 { padding-left: 32px; background-position: 8px center; }

    .btn.green,
    .ui-button { background-color: #96c742; color: #ffffff; border: 1px solid #507E0C; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addf58), color-stop(100%, #96c742)); background-image: -webkit-linear-gradient(#addf58,#96c742); background-image: -moz-linear-gradient(#addf58,#96c742); background-image: -o-linear-gradient(#addf58,#96c742); background-image: linear-gradient(#addf58,#96c742); }

.ui-button { color: #ffffff !important; }

.btn.blue { background-color: #4386bc; color: #ffffff; border: 1px solid #416b8b; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d9ed2), color-stop(100%, #4386bc)); background-image: -webkit-linear-gradient(#5d9ed2,#4386bc); background-image: -moz-linear-gradient(#5d9ed2,#4386bc); background-image: -o-linear-gradient(#5d9ed2,#4386bc); background-image: linear-gradient(#5d9ed2,#4386bc); }

.btn.red { background-color: #bc4343; color: #ffffff; border: 1px solid #762929; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca4e4e), color-stop(100%, #bc4343)); background-image: -webkit-linear-gradient(#ca4e4e,#bc4343); background-image: -moz-linear-gradient(#ca4e4e,#bc4343); background-image: -o-linear-gradient(#ca4e4e,#bc4343); background-image: linear-gradient(#ca4e4e,#bc4343); }

.btn.orange { background-color: #de7616; color: #ffffff; border: 1px solid #9f570a; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7852b), color-stop(100%, #de7616)); background-image: -webkit-linear-gradient(#e7852b,#de7616); background-image: -moz-linear-gradient(#e7852b,#de7616); background-image: -o-linear-gradient(#e7852b,#de7616); background-image: linear-gradient(#e7852b,#de7616); }

.btn.black { background-color: #464646; color: #ffffff; border: 1px solid #000000; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5a5858), color-stop(100%, #464646)); background-image: -webkit-linear-gradient(#5a5858,#464646); background-image: -moz-linear-gradient(#5a5858,#464646); background-image: -o-linear-gradient(#5a5858,#464646); background-image: linear-gradient(#5a5858,#464646); }

.btn.gray { background-color: #e0e0e0; color: #666666; -webkit-text-shadow: none; text-shadow: none; border: 1px solid #ababab; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e5e5), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(#e8e5e5,#e0e0e0); background-image: -moz-linear-gradient(#e8e5e5,#e0e0e0); background-image: -o-linear-gradient(#e8e5e5,#e0e0e0); background-image: linear-gradient(#e8e5e5,#e0e0e0); }

.btn:disabled,
.ui-button.ui-state-disabled { background-color: #e0e0e0; color: #aaaaaa; cursor: auto; -webkit-text-shadow: none; text-shadow: none; border: 1px solid #a0a0a0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
/*#endregion */

/*#region Error */
div#error-container { width: 640px; margin: auto; padding-top: 32px; background: url(../images/error-bg.png) no-repeat center top; }

    div#error-container h1#error-code { color: #f0f0f0; font-size: 40px; text-align: center; margin-bottom: 64px; }

        div#error-container h1#error-code span { font-size: 72px; }

    div#error-container p { text-align: center; }
/*#endregion */

/*#region Form */
.form { clear: both; display: block; }

    .form .form-row { padding: 12px 24px; zoom: 1; }

    .form .button-row.left { text-align: left; }

    .form .button-row { padding: 16px 24px; border-top: 1px solid #bcbcbc; text-align: right; background: url(../images/inset.png); }

    .form .form-item { min-height: 34px; height: 34px; height: auto !important; }

    .form fieldset { margin: 0; border-top: 1px dotted #bcbcbc; padding-top: 16px; }

    .form ul.form-list,
    .form ul.form-list li { margin: 0; list-style: none; }

    .form fieldset legend { margin-left: 24px; padding: 0 4px; border: 1px dotted #bcbcbc; }

    .form .form-inline label { padding-top: 7px; width: 120px; display: block; float: left; margin-right: 16px; }

    .form label { padding-bottom: 7px; cursor: pointer; }

        .form label span.required { color: #FF0000; }

    .form .form-item select,
    .form .form-item textarea,
    .form .form-item .textinput,
    .form .form-item.large select,
    .form .form-item.large textarea,
    .form .form-item.large .textinput,
    .table .large.textinput { width: 100%; }

    .form .form-item.medium select,
    .form .form-item.medium textarea,
    .form .form-item.medium .textinput,
    .table .medium.textinput { width: 75%; }

    .form .form-item.small select,
    .form .form-item.small textarea,
    .form .form-item.small .textinput,
    .table .small.textinput { width: 55%; }

    .form select,
    .form textarea,
    .form .textinput,
    .form .file,
    .table .textinput { border: 1px solid #c5c5c5; padding: 6px 7px; color: #323232; margin: 0; background-color: #ffffff; -moz-outline: none; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.1); -o-box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.1); -webkit-box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.1); -khtml-box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.1); box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.1); }

        .form select:disabled,
        .form textarea:disabled,
        .form .textinput:disabled,
        .form .textinput.disabled,
        .table .textinput:disabled { background: #f0f0f0; }

        .form select.error,
        .form textarea.error,
        .form .textinput.error { border-color: #eb979b; }

    .form .placeholder { color: #aaa; }

    .form .form-inline .form-item { margin-left: 136px; }

    .form .form-block label,
    .form .form-block .form-item { display: block; width: 100%; margin: 0; float: none; }

    .form .form-inline ul.form-list { float: left; width: 68%; margin-top: 4px; }

    .form .form-inline .form-item ul.form-list { width: 100%; }

    .form ul.form-list,
    .form .form-block ul.form-list { display: block; width: 100%; }

        .form ul.form-list.inline li { float: left; margin-right: 10px; }

        .form ul.form-list li label { float: none; margin: 0; padding: 0; display: inline; vertical-align: middle; }

        .form ul.form-list li input { vertical-align: middle; }

    .form textarea { height: 10em; resize: none; }


    .form .form-row:before,
    .form .form-row:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

    .form .form-row:after { clear: both; }

.form-message { font-size: 12px; border-bottom: 1px solid #d2d2d2; padding: 15px 8px 15px 45px; position: relative; vertical-align: middle; background: #f8f8f8; }

    .form-message p,
    .form-message ul,
    .form-message ol { margin: 0; }

        .form-message ul li,
        .form-message ol li { list-style-position: inside; list-style-type: inherit; margin: 0; }

    .form-message .message-close { background: url(../images/close-btn.html) no-repeat left center; width: 18px; height: 18px; display: block; position: absolute; right: 10px; top: 11px; cursor: pointer; }

    .form-message.error { background-color: #ffcbca; background-image: url(../images/message-error.png); background-position: 12px 12px; background-repeat: no-repeat; border-color: #eb979b; color: #9b4449; }

    .form-message.success { background-color: #e1f1c0; background-image: url(../images/message-success.png); background-position: 12px 12px; background-repeat: no-repeat; border-color: #b5d56d; color: #62a426; }

    .form-message.warning { background-color: #fef0b1; background-image: url(../images/message-warning.png); background-position: 12px 12px; background-repeat: no-repeat; border-color: #ddca76; color: #a98b15; }

    .form-message.info { background-color: #bce5f7; background-image: url(../images/message-info.png); background-position: 12px 12px; background-repeat: no-repeat; border-color: #a6d3e8; color: #11689E; }

.form .form-item .errorMsg,
.form .form-item label.error,
.form .form-item span.error,
.form .form-item div.error { font-size: 11px; display: block; width: auto; float: none; margin: -4px 0 0 0; padding: 10px 8px 6px 8px; cursor: default; background: #c83139; color: #ffffff; /* CSS 3 */ -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.filestyle { padding-right: 87px !important; }

.feat { -moz-outline: none; outline: none; cursor: pointer; background: #e0e0e0 url(../images/file-btn.png) no-repeat center center; color: #666666; height: 28px; border: 1px solid #ababab; margin-left: -80px; text-align: center; /* CSS 3 */ -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); -khtml-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); }

    .feat:active { -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; -khtml-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; }

    .feat .filestyle { padding: 2px 0 !important; }

.colorpicker { background-image: url(../images/cpicker.png); background-repeat: no-repeat; background-position: right center; width: 150px !important; padding-right: 32px !important; }

div.dualbox { position: relative; }

    div.dualbox .countLabel { margin-top: 4px; display: block; }

    div.dualbox .dualbox-col1,
    div.dualbox .dualbox-col2,
    div.dualbox .dualbox-col3 { width: 40%; float: left; }

    div.dualbox .dualbox-col2 { width: 20%; text-align: center; position: relative; margin-top: 150px; }

        div.dualbox .dualbox-col2 button { width: 32px; height: 32px; }

    div.dualbox .dualbox-filter { margin-bottom: 10px; }

        div.dualbox .dualbox-filter label { display: block; }

        div.dualbox .dualbox-filter .textinput { float: left; margin-right: -32px; padding-right: 36px; }

        div.dualbox .dualbox-filter button { float: left; margin: 0; width: 32px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

    div.dualbox button { -moz-outline: none; outline: none; font-size: 11px; margin: 2px; height: 30px; text-align: center; line-height: 16px; cursor: pointer; background-color: #e0e0e0; color: #666666; border: 1px solid #ababab; font-family: Tahoma, Arial, Helvetica, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); -khtml-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); }

        div.dualbox button:active { -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; -khtml-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 4px rgba(0, 0, 0, 0.1) !important; }

@media only screen and (max-width: 760px) {
    .form .form-inline label,
    .form .form-inline .form-item { display: block; width: 100%; margin: 0; float: none; }

    .form .form-inline ul.form-list { float: none; width: auto; display: block; }
}
/*#endregion */

/*#region Gallery */
ul#gallery li { list-style: none; float: left; width: 100px; height: 100px; overflow: hidden; margin: 4px; position: relative; cursor: pointer; border: 1px solid #999999; background: #ffffff; }

    ul#gallery li img { max-width: 100%; }

    ul#gallery li:hover .gallery-overlay { display: block; }

    ul#gallery li .gallery-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; background: url(../images/gallery-overlay.png); }

        ul#gallery li .gallery-overlay .gallery-zoom { width: 32px; height: 32px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; background: #323232 url(../icons/24/magnifying-glass-2.png) no-repeat center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
/*#endregion */

/*#region Panel*/
.panel { margin-bottom: 32px; }

    .panel .panel-header { background: url(../images/panel-header-bg.png) repeat-x; height: 25px; position: relative; padding: 12px; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

        .panel .panel-header span { line-height: 24px; display: inline-block; }

            .panel .panel-header span.ic { padding-left: 40px; background-position: 4px center; }

            .panel .panel-header span.i-16 { padding-left: 32px; background-position: 8px center; }

            .panel .panel-header span.i-24 { padding-left: 40px; background-position: 8px center; }
            .panel .panel-header span.menu { padding-left: 5px; }
            .panel .panel-header span a { color: #c5d52b; text-decoration: none; }
        .panel .panel-header .arrow { background: url('../images/right.png') center center no-repeat; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; }

        .panel .panel-header .collapse-button { width: 22px; height: 22px; display: block; padding: 0; position: absolute; right: 10px; top: 50%; margin-top: -11px; }

            .panel .panel-header .collapse-button span { display: block; padding: 0; margin: 3px; width: 16px; height: 16px; cursor: pointer; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-image: url(../images/panel-button-icon-min.png); }

                .panel .panel-header .collapse-button span.collapsed { background-image: url(../images/panel-button-icon-plus.png); }

    .panel .panel-body { background-color: #f8f8f8; margin: 0 2px; border: 1px solid #bcbcbc; border-top: 0; -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); -khtml-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); }

    .panel .panel-content { padding: 24px; }


    .panel .el-finder { margin: 0 2px; width: auto; border-top: 0; -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); -khtml-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.15); }
/*#endregion */

/*#region Report */
.report-container { width: 100%; margin-bottom: 24px; }

.report { width: 18% !important; min-width: 170px; margin: 8px 1%; height: 80px; float: left; cursor: pointer; display: block; text-decoration: none; color: #323232; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff url(../images/report-bg.png) repeat-x; border: 1px solid #cccccc; /* CSS 3 */ -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

    .report:hover { background-color: #fafafa; }

    .report:active { background-image: none; /* CSS 3 */ -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); -khtml-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }

    .report .report-icon { width: 48px; height: 100%; float: left; display: block; border-right: 1px solid #cccccc; background-position: center center; }

    .report .report-content { margin-left: 49px; display: block; padding: 8px 10px; }

        .report .report-content .report-title { white-space: nowrap; }

        .report .report-content .report-value { font-size: 32px; font-weight: bold; display: inline-block; }

            .report .report-content .report-value.up { background: url(../images/report-up.png) no-repeat right center; padding-right: 24px; }

            .report .report-content .report-value.down { background: url(../images/report-down.png) no-repeat right center; padding-right: 24px; }
/*#endregion */

/*#region Table*/
table.table { width: 100%; margin: 0; border: 0; border-collapse: collapse; }

.table .center { text-align: center; }

.table thead tr { background: url(../images/table-header.png) repeat-x left bottom #f5f5f5; }

    .table thead tr th:first-child { border-left: none; }

    .table thead tr th { padding: 10px 5px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; text-align: center; vertical-align: middle; font-weight: 700; }

.table tbody td a { text-decoration: none; }

.table tbody td,
.table tfoot td { padding: 8px 5px; border-left-width: 1px; border-left-style: dotted; border-left-color: #bebebe !important; vertical-align: middle; }

    .table tbody td:first-child,
    .table tfoot td:first-child { border-left: none; }

.table tbody tr.odd { background-color: #f2f2f2; }

.table tbody tr.even { background-color: #fafafa; }

div.dataTables_wrapper { zoom: 1; background: #444444; }

.dataTables_wrapper table thead th.sorting,
.dataTables_wrapper table thead th.sorting_asc,
.dataTables_wrapper table thead th.sorting_desc { cursor: pointer; background-position: 12px center; background-repeat: no-repeat; padding-left: 30px; }

.dataTables_wrapper table thead th.sorting { background-image: url(../images/sort.png); }

.dataTables_wrapper table thead th.sorting_asc { background-image: url(../images/sort_asc.png); }

.dataTables_wrapper table thead th.sorting_desc { background-image: url(../images/sort_desc.png); }

div.dataTables_wrapper:before,
div.dataTables_wrapper:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

div.dataTables_wrapper:after { clear: both; }

div.dataTables_wrapper .dataTables_length,
div.dataTables_wrapper .dataTables_filter,
div.dataTables_wrapper .dataTables_info,
div.dataTables_wrapper .dataTables_paginate { padding: 8px; }

div.dataTables_wrapper .dataTables_length { float: left; }

div.dataTables_wrapper .dataTables_filter { background-color: #cccccc; text-align: right; border-bottom: 1px solid #aaaaaa; }

div.dataTables_wrapper .dataTables_info { color: #ffffff; float: left; margin-top: 2px; display: block; }

div.dataTables_wrapper .dataTables_paginate { color: #ffffff; float: right; padding: 2px; margin: 10px 8px 10px 0; background-repeat: repeat; background-image: url(../images/inset.png); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 2px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 2px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 2px rgba(0, 0, 0, 0.5); }

    div.dataTables_wrapper .dataTables_paginate div { width: 20px; height: 20px; float: left; display: block; cursor: pointer; }

    div.dataTables_wrapper .dataTables_paginate .paginate_disabled_previous,
    div.dataTables_wrapper .dataTables_paginate .paginate_enabled_previous { background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center center; margin-right: 1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }


    div.dataTables_wrapper .dataTables_paginate .paginate_disabled_next,
    div.dataTables_wrapper .dataTables_paginate .paginate_disabled_previous { -moz-opacity: .35; opacity: .35; filter: Alpha(35); cursor: auto; }

    div.dataTables_wrapper .dataTables_paginate .paginate_disabled_next,
    div.dataTables_wrapper .dataTables_paginate .paginate_enabled_next { background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

    div.dataTables_wrapper .dataTables_paginate span.first { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; -khtml-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }

    div.dataTables_wrapper .dataTables_paginate span.last { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }

    div.dataTables_wrapper .dataTables_paginate .paginate_button,
    div.dataTables_wrapper .dataTables_paginate .paginate_active { float: left; height: 20px; padding: 0 10px; display: block; font-size: 12px; line-height: 20px; text-align: center; cursor: pointer; background-color: #444444; border-right: 1px solid #232323; border-left: 1px solid #666666; -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15); -o-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15); -khtml-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.15); }

    div.dataTables_wrapper .dataTables_paginate span a { color: #fff; text-decoration: none; }

    div.dataTables_wrapper .dataTables_paginate .paginate_active { background-color: #c5d52b; }

    div.dataTables_wrapper .dataTables_paginate > .paginate_button:first-child { border-left: 0; }

    div.dataTables_wrapper .dataTables_paginate > .paginate_button:last-child { border-right: 0; }

    div.dataTables_wrapper .dataTables_paginate .paginate_button_disabled { color: #666666; cursor: default; }

    div.dataTables_wrapper .dataTables_paginate .paginate_active { color: #323232; border: none; background-image: none; -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25); -o-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25); -khtml-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25); }

/*#endregion*/

/*#region MISC */
.pagination { text-align: center; margin: auto; }

    .pagination.left { text-align: left; }

    .pagination.right { text-align: right; }

    .pagination ul li { margin: 0; display: inline; list-style: none; }

        .pagination ul li .paging-button { text-align: center; padding: 3px 9px; margin: 4px 1px; border: 1px solid #cccccc; text-decoration: none; color: #545454; background: #f0f0f0; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

            .pagination ul li .paging-button.current { border-color: #323232; color: #ffffff; background-color: #323232; }

            .pagination ul li .paging-button.disabled { color: #d0d0d0; cursor: default; }

.wizard ul { margin: 0; padding: 0; float: left; }

.wizard { background: #f5f5f5 url('../images/wizard-bg.png') repeat-x left center; border-bottom: 1px solid #dddddd; }

    .wizard ul li { float: left; list-style: none; margin: 0; padding: 0; padding: 0 25px; margin-right: -25px; margin-bottom: -1px; border-right: 1px solid #d6d6d6; background: url('../images/wizard.png') no-repeat left -50px; display: block; max-width: 250px; max-height: 50px; overflow: hidden; }

        .wizard ul li.current a,
        .wizard ul li.current span { color: #555555; }

        .wizard ul li a.i-24,
        .wizard ul li a.ic-16,
        .wizard ul li span.i-24,
        .wizard ul li span.ic-16 { background-position: 12px center; padding-left: 40px; }

        .wizard ul li:first-child { background-position: -25px -50px; padding-left: 0; }

            .wizard ul li:first-child.current { background-position: -25px top; }

            .wizard ul li:first-child:hover { background-position: -25px -100px; }

        .wizard ul li.current,
        .wizard ul li.current:hover { background-position: left top; }

        .wizard ul li:hover { background-position: left -100px; }


        .wizard ul li a,
        .wizard ul li span { display: block; line-height: 50px; text-decoration: none; padding: 0 16px; color: #999999; }

ul.summary { margin: 0; padding: 0; }

    ul.summary li { margin: 0; list-style-type: none; font-size: 14px; color: #666666; padding: 2px 4px; border-bottom: 1px dotted #ababab; overflow: hidden; display: block; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

        ul.summary li span { font-size: 26px; text-align: right; margin-right: 3px; width: 80px; color: #444444; display: inline-block; }

div.panel-toolbar { border-bottom: 1px solid #dddddd; background: #f5f5f5 url(../images/toolbar.png) repeat-x; }

    div.panel-toolbar.bottom { border-top: 1px solid #dddddd; }

    div.panel-toolbar ul,
    div.panel-toolbar ul li { list-style: none; padding: 0; margin: 0; }

    div.panel-toolbar.right ul { float: right; }

    div.panel-toolbar ul { float: left; }

    div.panel-toolbar.right ul li { border-right: 0; border-left: 1px solid #d0d0d0; }

    div.panel-toolbar ul li { display: block; float: left; border-right: 1px solid #d0d0d0; }

        div.panel-toolbar ul li a,
        div.panel-toolbar ul li span { text-decoration: none; color: #666666; padding: 8px 12px; display: block; cursor: pointer; -webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 0px #ffffff; -moz-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 0px #ffffff; -o-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 0px #ffffff; -khtml-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 0px #ffffff; box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 0px #ffffff; }

            div.panel-toolbar ul li a.ic-16,
            div.panel-toolbar ul li span.ic-16 { padding-left: 32px; background-position: 12px center; }

            div.panel-toolbar ul li a:active,
            div.panel-toolbar ul li span:active { background-color: #efefef; -webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1) !important; -o-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1) !important; -khtml-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1) !important; box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1) !important; }
/*#endregion */
.hide { display: none; }

.pad10 { padding: 10px; }
.em2 { text-indent: 2em; }
